ECMAScript

Historia y evolución de ECMAScript y JavaScript

ECMAScript es una especificación de lenguaje de programación con la que trabaja JavaScript. Ecma International está a cargo de estandarizar este lenguaje de programación, a través de una serie de versiones que añaden funcionalidades nuevas.

El primer Navegador web

La historia del primer navegador web empieza desde la necesidad de comunicar varias computadoras, a través de los siguientes acontecimientos:

• 1950: Las computadoras surgen para analizar temas de la Segunda Guerra Mundial.
• 1969: Surge la Red Arpanet, capaz de conectarse dos computadoras para compartir información.
• 1990: Tim Berners-Lee creó las bases de la web, la World Wide Web.
• 1993: Se crea Mosaic, el primer navegador web.
• 1994: Marc Andreessen crea la empresa Netscape, y a su vez crea el primer navegador comercial con el mismo nombre, con enlaces e imágenes muy primitivas.

La guerra de navegadores

La guerra de los navegadores surge por la necesidad de las empresas de acaparar con el mercado de la web. En la primera guerra de navegadores, entre 1995 y 2001, se enfrentaron Netscape y Microsoft para posicionar comercialmente su propio navegador.

Incluso llegaron a hacerse bromas muy pesadas, como llevar el logo de Internet Explorer a las oficinas de Netscape. A partir de esta guerra surgieron nuevas tecnologías que perduran hasta la actualidad.

Los acontecimientos más importantes fueron:

• 1995: Microsoft crea su propio navegador web, Internet Explorer.
• 1996: Microsoft crea su propuesta de estilos para la web, CSS.
• 1995: Netscape crea su propuesta de lenguaje de programación para la web, Mocha (después LiveScript y finalmente JavaScript—nombre elegido por marketing).
• 1995: Microsoft crea su propuesta de lenguaje de programación para la web, JScript.
• 1997: Se crea ECMA (European Computer Manufacturer Association) para estandarizar los múltiples lenguajes emergentes; este estándar se denomina ECMAScript (ES).

Evolución de ECMAScript

A partir de 1997, ECMA empezó a lanzar versiones para estandarizar el lenguaje. Algunas quedaron abandonadas, como ES4.

Historia de ECMAScript

A partir de 2015, con ECMAScript 6, hubo un punto de inflexión: se incluyeron varias funcionalidades que situaron a JavaScript como uno de los mejores lenguajes de programación.

¿De que hablaremos en el post?

En este post hablaremos de las nuevas características de cada versión de ECMAScript, como:

• Parámetros por defecto
• Plantillas literales
• Declaración de variables con let y const
• Funciones flecha
• Promesas y async / await
• Clases y módulos

¿Qué puedo o no utilizar de ECMAScript?

A lo largo de este curso aprenderás nuevas características de JavaScript. Sin embargo, puede que el navegador en el que trabajes no las soporte, dado que cada navegador tarda un tiempo en adoptar las novedades. Esto significa que, si utilizas una funcionalidad nueva antes de que esté soportada, el navegador podría no procesarla y colapsar tu programa.

Como buena práctica, te recomiendo el sitio web Can I use?, que muestra qué funcionalidades añadidas por ECMAScript están soportadas por cada navegador.

Esto te ayuda a conocer qué puedes aplicar en tu código, enfocarte en los navegadores de tus clientes y entregar un producto compatible con ellos.

Página web para conocer las características que soporta cada navegador

Can I use?

Herramientas que emplearás

Visual Studio Code es el editor de código recomendado para tus proyectos y ofrece varias características para mejorar tu experiencia:

• Si estás usando VS Code, instala la extensión Code Runner, que te permite ejecutar bloques de JavaScript y ver el resultado en la terminal.
• La consola del navegador es esencial para ver qué está pasando con tu código. Ábrela con F12 / Ctrl+Shift+I / Cmd+Opt+I o clic derecho > “Inspeccionar” (recomendado en Google Chrome).
• Alternativa: Codi.link, un editor en línea de HTML, CSS y JavaScript con vista previa en tiempo real.